<!doctype html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Education Tutorial Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--bootstrap-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!--coustom css-->
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<!--script-->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- js -->
<script src="js/bootstrap.js"></script>
<!-- /js -->
<!--fonts-->
<!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400italic,400,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> -->
<!--/fonts-->
<!--hover-girds-->
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
<!--/hover-grids-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--script-->
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
<!--/script-->
</head>
	<body>
<!--header-->
		<div class="header" id="home">
			<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"> </span>
						<span class="icon-bar"> </span>
						<span class="icon-bar"> </span>
					</button>
					<h1><a class="navbar-brand" href="index.html" style="font-size: 40px" >京美心测</a></h1>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right margin-top cl-effect-2">
								<li><a href="index.html"><span data-hover="Home">主页</span></a></li>
								<li><a href="about.html"><span data-hover="About">关于</span></a></li>
								<li><a href="typography.html"><span data-hover="Shortcodes">产品服务</span></a></li>
								<li><a href="gallery.html"><span data-hover="Gallery">在线记分</span></a></li>
								<li><a href="contact.html"><span data-hover="Contact">联系我们</span></a></li>
							</ul>
							<div class="clearfix"> </div>
						</div><!-- /.navbar-collapse -->
				<!-- /.container-fluid -->
				<div class="login-pop">
						<div id="loginpop"><a href="#" id="loginButton"><span>登录</span></a>
								<div id="loginBox">                
									<form id="loginForm">
											<fieldset id="body">
												<fieldset>
													  <label for="email">Email Address</label>
													  <input type="text" id="email">
												</fieldset>
												<fieldset>
														<label for="password">Password</label>
														<input type="password" id="password">
												 </fieldset>
												<input type="submit" id="login" value="Sign in">
												<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
											</fieldset>
										<span><a href="#">Forgot your password?</a></span>
								 </form>
							</div>
					    </div>
					    </div><script src="js/menu_jquery.js"></script>
					    </div>
			</nav>
<!--/script-->
		   <div class="clearfix"> </div>
</div>
<!-- Top Navigation -->
<div class="banner">
	<div class="container">
	<script src="js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
<div class="slider">
		   <div class="callbacks_container">
			  <ul class="rslides" id="slider">
				 <li>	    
				 	<h3>我们更专业</h3>      
					 <p>
							珠海市京美心理测量技术开发有限公司（King-May）是当今中国投资规模最大、国际化程度最高、技术力量最雄厚的心理测量专业公司之一。
						</p>		          
					<div class="readmore">
				 	<a href="about.html">Read More<i class="glyphicon glyphicon-menu-right"> </i></a>
				 	</div>
				 </li>
				 <li>	
				 	<h3>强大的专家团队支持</h3>            
					 <p>
							京美心理测量技术开发有限公司产品研发的核心专家团队由国内顶尖的心理测量及相关领域的专家和学者组成，其研发的各类测量工具具有最强的专业性和权威性，代表了当今国际心理测量领域的最新发展水平。
						</p>		          
				 <div class="readmore">
				 <a href="about.html">Read More<i class="glyphicon glyphicon-menu-right"> </i></a>
				 </div>
				 </li>
				 <li>	
				 	<h3>顶级的合作伙伴-美国培生</h3>            
					 <p>
							2006年7月，京美与美国培生公司（NCS Pearson, Inc.）签订协议，获得韦氏儿童智力量表第四版（WISC-IV）中文版在中国包括港澳地区独家代理的授权。
						</p>		          
				<div class="readmore">
				 <a href="about.html">Read More<i class="glyphicon glyphicon-menu-right"> </i></a>
				 </div>
				 </li>
			  </ul>
		  </div>
	  </div>
</div>			
	</div>
<!--header-->
<!--weelcome-->
<div class="welcome">
	<div class="container">
		<h2>欢迎来到京美心测</h2>
		<p>
				珠海市京美心理测量技术开发有限公司（King-May）是当今中国投资规模最大、国际化程度最高、技术力量最雄厚的心理测量专业公司之一。
		</p>
	</div>
</div>
<!--/welcome-->
<div class="welcome-grids">
	<div class="container">
		<div class="welcome-gridsinfo">
		<div class="col-md-3 welcome-grid">
			<i class="glyphicon glyphicon-pencil"> </i>
			<h3>韦氏儿童智力量表</h3>
			<p>
					《韦氏儿童智力量表第四版（中文香港版）》 新闻发布会和学术报告会在香港举办 由京美心理测量技术开发有限公司研发
			</p>
		</div>
		<div class="col-md-3 welcome-grid">
			<i class="glyphicon glyphicon-font"> </i>
			<h3>瑞文推理测验系列</h3>
			<p>
					瑞文推理能力测验(Raven's Progressive Matrices)是非文字智力测验，由英国心理学家瑞文1938年设计的，。
			</p>
		</div>
		<div class="col-md-3 welcome-grid">
			<i class="glyphicon glyphicon-blackboard"> </i>
			<h3>贝克量表系列</h3>
			<p>
					贝克量表系列包括贝克忧郁量表第二版(Beck Depression Inventory，BDI–II)、贝克焦虑量表
				</p>
		</div>
		<div class="col-md-3 welcome-grid">
			<i class="glyphicon glyphicon-education"> </i>
			<h3>培训认证</h3>
			<p>
					韦氏幼儿智力量表第四版、韦氏儿童智力量表第四版（WPPSI-IV）中文版 《适应性行为评定量表第二版中文幼儿版》
			</p>
		</div>
		<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--effect-grid-->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
<div class="effect-grid">
	<div class="container">
		<ul class="grid cs-style-5">
				<li>
					<figure>
						<img src="images/a1.jpg" alt="img03">
						<figcaption>
					    <h3>Technology</h3>
							<span>Jacob Cummings</span>
							<a href="about.html">Read More</a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="images/a2.jpg" alt="img04">
						<figcaption>
					    <h3>Preparing</h3>
							<span>Jacob Cummings</span>
							<a href="about.html">Read More</a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="images/a3.jpg" alt="img01">
						<figcaption>
					    <h3>Pencils</h3>
							<span>Jacob Cummings</span>
							<a href="about.html">Read More</a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="images/a4.jpg" alt="img02">
						<figcaption>
					    <h3>Home Work</h3>
							<span>Jacob Cummings</span>
							<a href="about.html">Read More</a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="images/a5.jpg" alt="img06">
						<figcaption>
					    <h3>Waiting</h3>
							<span>Jacob Cummings</span>
							<a href="about.html">Read More</a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="images/a6.jpg" alt="img05">
						<figcaption>
					    <h3>Mistake</h3>
							<span>Jacob Cummings</span>
							<a href="about.html">Read More</a>
						</figcaption>
					</figure>
				</li>
			</ul>
	</div>
</div>
<!--\effect-grid-->

<!--specfication-->
<div class="news">
		<div class="container">
			<div class="news-text">
				<h3>新闻与动态</h3>
				<p>随时随地关注京美心测的新闻与动态!</p>
			</div>
			<div class="news-grids">
				<div class="col-md-3 news-grid">
					<a href="#"><h4>三月价格调整通知</h4></a>
					<span>8.00 - 10.00 | JUN 09,2015</span>
					<a href="#" class="mask"><img src="images/img1.jpg" alt="image" class="img-responsive zoom-img"></a>
					<div class="news-info">
						<p>Pellentesque ut urna eu mauris scele risque auctor volutpat et massa pers piciis iste natus scele risque auctor volutpat et massa.</p>
					</div>
				</div>
				<div class="col-md-3 news-grid">
					<a href="#"><h4>搬迁公告</h4></a>
					<span>10.00 - 12.00 | sep 24,2015</span>
					<a href="#" class="mask"><img src="images/img2.jpg" alt="image" class="img-responsive zoom-img"></a>
					<div class="news-info">
						<p>Pellentesque ut urna eu mauris scele risque auctor volutpat et massa pers piciis iste natus scele risque auctor volutpat et massa.</p>
					</div>
				</div>
				<div class="col-md-3 news-grid">
					<a href="#"><h4>WISC-IV大陆版年龄扩展通知</h4></a>
					<span>9.00 - 10.00 | FEB 15,2015</span>
					<a href="#" class="mask"><img src="images/img3.jpg" alt="image" class="img-responsive zoom-img"></a>
					<div class="news-info">
						<p>Pellentesque ut urna eu mauris scele risque auctor volutpat et massa pers piciis iste natus scele risque auctor volutpat et massa.</p>
					</div>
				</div>
				<div class="col-md-3 news-grid">
					<a href="#"><h4>2018年5月22日韦氏幼儿及儿童珠海培训班</h4></a>
					<span>11.00 - 10.00 | JUN 10,2015</span>
					<a href="#" class="mask"><img src="images/img4.jpg" alt="image" class="img-responsive zoom-img"></a>
					<div class="news-info">
						<p>Pellentesque ut urna eu mauris scele risque auctor volutpat et massa pers piciis iste natus scele risque auctor volutpat et massa.</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!--/specfication-->
<!--footer-->
<div class="footer">
		<!-- container -->
		<div class="container">
			<div class="col-md-6 footer-left">
				<ul>
					<li><a href="index.html">主页</a></li>
					<li><a href="about.html">关于</a></li>
					<li><a href="typography.html">产品服务</a></li>
					<li><a href="gallery.html">记分系统</a></li>
					<li><a href="contact.html">联系我们</a></li>
				</ul>
				<form>
					<input type="text" placeholder="Email" required="">
					<input type="submit" value="订阅">
				</form>
			</div>
			<div class="col-md-3 footer-middle">
				<h3>地址</h3>
				<div class="address">
					<p>广东省珠海市唐家湾镇南方软件园B3三层
					</p>
				</div>
				<div class="phone">
					<p>+01186-756-3396889 <br> 0756-3391009</p>
				</div>
			</div>
			<div class="col-md-3 footer-right">
				<h3>京美简介</h3>
				<p>
						珠海市京美心理测量技术开发有限公司（King-May）是当今中国投资规模最大、国际化程度最高、技术力量最雄厚的心理测量专业公司之一。公司资金雄厚，合作伙伴广泛，在心理测量领域有着无可比拟的资源。
				</p>
			</div>
			<div class="clearfix"> </div>	
		</div>
		<!-- //container -->
	</div>
<!--/footer-->
<!--copy-rights-->
<div class="copyright">
		<!-- container -->
		<div class="container">
			<div class="copyright-left">
			<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
			</div>
			<div class="copyright-right">
				<ul>
					<li><a href="#" class="twitter"> </a></li>
					<li><a href="#" class="twitter facebook"> </a></li>
					<li><a href="#" class="twitter chrome"> </a></li>
					<li><a href="#" class="twitter pinterest"> </a></li>
					<li><a href="#" class="twitter linkedin"> </a></li>
					<li><a href="#" class="twitter dribbble"> </a></li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			
		</div>
		<!-- //container -->
		<!---->
<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!----> 
	</div>
<!--/copy-rights-->
	</body>
</html>
